/*富文本编辑图片上传配置*/
// const uploadConfig = {
//     fastDfsUrl:'http://121.37.194.36/',
//     action:  '/api/dfs',  // 必填参数 图片上传地址
//     methods: 'POST',  // 必填参数 图片上传方式
//     token: '',  // 可选参数 如果需要token验证，假设你的token有存放在sessionStorage
//     name: 'file',  // 必填参数 文件的参数名
//     size: 500,  // 可选参数   图片大小，单位为Kb, 1M = 1024Kb
//     accept: 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'  // 可选 可上传的图片格式
// };
// toolbar工具栏的工具选项（默认展示全部）
const toolOptions = [
    ['bold', 'italic', 'underline', 'strike'],
    //['blockquote', 'code-block'],
    //[{'header': 1}, {'header': 2}],
    [{'list': 'ordered'}, {'list': 'bullet'}],
    //[{'script': 'sub'}, {'script': 'super'}],
    [{'indent': '-1'}, {'indent': '+1'}],
    //[{'direction': 'rtl'}],
    [{'size': ['small', false, 'large', 'huge']}],
    //[{'header': [1, 2, 3, 4, 5, 6, false]}],
    [{'color': []}, {'background': []}],
    [{'font': []}],
    [{'align': []}],
    //[{'clean':'源码编辑'}],
    ['link', 'image', 'video'],
    //['sourceEditor']     //新添加的工具
];
const handlers = {
    shadeBox:null,
    sourceEditor: function(){     //添加工具方法
        alert('我新添加的工具方法');
    },
    //覆盖图片上传按钮默认的点击事件：点击当前页码中所有quill富文本框的上传图片的按钮都会触发这一个事件
    image(val){
        if(val){
            //this引用指向的是：你当前点击的那一个图片上传按钮所属的那个quill富文本框对象
            if(this.container.parentNode.id == 'intro'){
                let fileInput = document.getElementById("quill-img1").getElementsByTagName("input");
                //触发隐藏的文件上传框的点击事件【弹出文件选择框】
                fileInput[0].click()
            }else if(this.container.parentNode.id == 'orderNotice'){
                let fileInput = document.getElementById("quill-img2").getElementsByTagName("input");
                fileInput[0].click()
            }
        }
    }
};

export default {
    placeholder: '',
    theme: 'snow',  // 主题
    modules: {
        toolbar: {
            container: toolOptions,  // 工具栏选项
            handlers: handlers  // 事件重写
        }
    },
    initButton:function(){      //在使用的页面中初始化按钮样式
        const sourceEditorButton = document.querySelector('.ql-sourceEditor');
        sourceEditorButton.style.cssText = "width:80px; border:1px solid #ccc; border-radius:5px;";
        sourceEditorButton.innerText="源码编辑";
    }
};